<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                template="/template_enc.xhtml">

    <ui:define name="title">
        <h:outputText value="Seleccione los servicios de la siguiente lista..."/>
    </ui:define>

    <ui:define name="body">
        <br/>
        <br/>
        <center>
            <h:form id="EncuestaForm">
                <p:panel header="Encuesta sobre la calidad de servicios" style="width: 70%">
                    <p:dataTable id="datalist" value="#{respuestasController.itemsRespuesta}" var="item">               
                        <p:column>         
                            <p> <h:outputText value="#{respuestasController.pregunta(item.preCodigo)}"/>                               
                                <p:selectOneRadio id="radio1" 
                                                  value="#{item.oreCodigo}"
                                                  valueChangeListener="#{respuestasController.cambioRespuesta}"                                                  
                                                  layout="grid" 
                                                  columns="1" 
                                                  style="margin-left: 10px; width: 100px">
                                    <f:selectItems id="selRad" value="#{opcRespController.getItemsXPreg(respuestasController.tipResp(item.preCodigo))}" var="itemResp" itemValue="#{itemResp.oreCodigo}" itemLabel="#{itemResp.oreDescri}"/>  
                                    <f:attribute name="respuesta" value="#{item}"/>
                                </p:selectOneRadio>
                            </p>
                            <p>
                                <p:inputTextarea id="textoArea" value="#{item.resResplibre}" rendered="#{preguntaController.findObj(item.preCodigo).preLibre}" valueChangeListener="#{respuestasController.cambioRespuestaLibre}" cols="150" >
                                    <f:attribute name="respuesta" value="#{item}"/>
                                </p:inputTextarea>
                            </p>
                        </p:column>
                    </p:dataTable>
                    <p><p:commandButton id="btnFin" action="#{respuestasController.finalizarEncuesta}" value="Finalizar Encuesta" update="EncuestaForm"/></p>
                </p:panel>
                <ui:include src="/confirmation.xhtml"/>
            </h:form>
        </center>
    </ui:define>
</ui:composition>